<%-- 
    Document   : gererlesreunion    
    Created on : 30 mars 2012, 11:47:09
    Author     : li
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="fr">
<head>
<link rel = "icon" href ="media/images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus X5">
<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE8' ><title>Gerer les réunions</title>
<script type="text/javascript" src="media/js/jsFlashVer.js"></script>
<script type="text/javascript" src="media/js/jquery.js"></script>
<script type="text/javascript" src="media/js/jquery.wplightbox.js"></script>
<style type="text/css">
body {margin: 0px; padding: 0px;}
.Table-Body-C
{
    font-family:"Arial", sans-serif; color:#ffffff; font-size:16.0px; line-height:1.19em;
}
/** CSS **/
.Table-Body-C
{
    font-family:"Arial", sans-serif; color:#ffffff; font-size:16.0px; line-height:1.19em;
}
.Artistic-Body-C
{
    font-family:"Verdana", sans-serif; font-weight:700; color:#8c255f; font-size:11.0px; line-height:1.18em;
}
.Artistic-Body-C-C0
{
    font-family:"Verdana", sans-serif; font-weight:700; color:#2a3b56; font-size:11.0px; line-height:1.18em;
}
.Artistic-Body-C-C1
{
    font-family:"Verdana", sans-serif; color:#2a3b56; font-size:11.0px; line-height:1.18em;
}
.Table-Body-C-C0
{
    font-family:"Verdana", sans-serif; font-size:16.0px; line-height:1.13em;
}


.Button1,.Button1:link,.Button1:visited{background-position:0px 0px;text-decoration:none;display:block;position:absolute;background-image:url(media/images/wpc1dae970_06.png);}
.Button1:focus{outline-style:none;}
.Button1:hover{background-position:0px -72px;}
.Button1:active{background-position:0px -36px;}
.Button1 span,.Button1:link span,.Button1:visited span{color:#ffffff;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:4px;top:8px;width:71px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
.Button2,.Button2:link,.Button2:visited{background-position:0px 0px;text-decoration:none;display:block;position:absolute;background-image:url(media/images/wp491e19f2_06.png);}
.Button2:focus{outline-style:none;}
.Button2:hover{background-position:0px -72px;}
.Button2:active{background-position:0px -36px;}
.Button2 span,.Button2:link span,.Button2:visited span{color:#ffffff;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:4px;top:8px;width:99px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
.Button3,.Button3:link,.Button3:visited{background-position:0px 0px;text-decoration:none;display:block;position:absolute;background-image:url(media/images/wp30b60ad2_06.png);}
.Button3:focus{outline-style:none;}
.Button3:hover{background-position:0px -72px;}
.Button3:active{background-position:0px -36px;}
.Button3 span,.Button3:link span,.Button3:visited span{color:#ffffff;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:4px;top:8px;width:110px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
</style>
<script type="text/javascript" src="media/js/jspngfix.js"></script>
<link rel="stylesheet" href="media/js/wpstyles.css" type="text/css">
<script type="text/javascript">var blankSrc = "media/js/blank.gif";
</script>

<script type="text/javascript">
$(document).ready(function() {

$('a[rel*=wplightbox]').wplightbox({ strImgDir: 'media/images/', strScriptDir: 'media/js/', nButtonType: 2, nBorderType: 6 });

})
</script>

<!-- BOOTSTRAP CSS FRAMEWORK IMPORT-->
<link rel = "stylesheet" href ="libs/bootstrap/css/bootstrap.css"/>
<link rel = "stylesheet" href ="libs/bootstrap/css/datepicker.css"/>
<!-- The AJAX Code for project deletion here-->
<script type = "text/javascript" src = "libs/jquery/jquery-1.7.1.js"></script>
<script type = "text/javascript" src = "libs/bootstrap/js/bootstrap.js"></script>
<script type = "text/javascript" src = "libs/bootstrap/js/bootstrap-datepicker.js"></script>
<script type = "text/javascript" src = "media/js/custom.js"></script>

<!-- The AJAX Code for project deletion here-->
<script type = "text/javascript" src = "media/js/custom.js"></script>

<style rel ="stylesheet" type ="text/css">

</style>
</head>

<body text="#000000" style="background-color:#ffffff; text-align:center; height:1000px;">
<div style="background-color:transparent;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:750px;height:1000px;">
<div style="position:absolute;left:357px;top:10px;width:382px;height:192px; background: transparent url(media/images/wpc148e17f_06.png) no-repeat top left;">
</div>
<div style="position:absolute;left:36px;top:138px;width:703px;height:98px; background: transparent url(media/images/wp1f3d435f_06.png) no-repeat top left;">
    <div class="Wp-Artistic-Body-P">
    <span class="Artistic-Body-C"> [${login}] </span><span class="Artistic-Body-C-C0">/</span><span class="Artistic-Body-C-C1"><a href="." style="text-decoration:underline;"> Déconnexion </span><span class="Artistic-Body-C-C0"></a><br></span>
    </div>
</div>
<img src="media/images/wpa7a35440_06.png" width="684" height="84" border="0" alt="" onload="OnLoadPngFix()" style="position:absolute;left:66px;top:199px;">
<a href="menu" id="nav_26_B1" class="Button1" style="display:block;position:absolute;left:97px;top:210px;width:82px;height:36px;"><span>Accueil</span></a>
<a href="gestiondesprojets" id="nav_26_B2" class="Button1" style="display:block;position:absolute;left:189px;top:210px;width:82px;height:36px;"><span>Projets</span></a>
<a href="gestiondescollaborateurs" id="nav_26_B3" class="Button2" style="display:block;position:absolute;left:281px;top:210px;width:110px;height:36px;"><span>Collaborateurs</span></a>
<a href="gestiondesreunions" id="nav_26_B4" class="Button1" style="display:block;position:absolute;left:401px;top:210px;width:82px;height:36px;"><span>Réunions</span></a>
<a href="tableaudebord" id="nav_26_B5" class="Button3" style="display:block;position:absolute;left:493px;top:210px;width:121px;height:36px;"><span>Tableau du bord</span></a>
<table class ="table" id="table_1" cellspacing="0" cellpadding="0" style=" border-collapse: collapse; position:absolute; left:76px; top:280px; width:562px; height:82px;">
    <c:forEach var="collaborateur" items="${collaborateurs}">
        <tr>
            <td style="width:40%; height:49%; vertical-align:middle; padding:1px 4px 1px 4px; background-color:#2a3b56;">
                <p class="Wp-Table-Body-P"><span class="Table-Body-C">${collaborateur.prenom}</span></p>
            </td>
            <td style="width:40%; height:49%; vertical-align:middle; padding:1px 4px 1px 4px; background-color:#2a3b56;">
                <p class="Wp-Table-Body-P"><span class="Table-Body-C">${collaborateur.nom}</span></p>
            </td>            
            <td style="width:20%; height:49%; vertical-align:middle; padding:1px 4px 1px 4px; background-color:#2a3b56;">
                <p class="Wp-Table-Body-P"><span class="Table-Body-C"><a class = "modifier-collaborateur" data-toggle = "modal" href="#modifiercollaborateur" cid ="${collaborateur.idCollaborateur}" style="color:#ffffff;text-decoration:none;">Modifier</a></span></p>
            </td>
            <td style="width:20%; height:49%; vertical-align:middle; padding:1px 4px 1px 4px; background-color:#2a3b56;">
                <p class="Wp-Table-Body-P"><span class="Table-Body-C"><a id = "del-projet" onclick = "deleteAJAX(4, ${collaborateur.idCollaborateur})" href="" style="color:#ffffff;text-decoration:none;">Supprimer</a></span></p>
            </td>
        </tr>
    </c:forEach>
</table>
   
 <!-- Modification des collaborateurs -->
        <div class ="modal hide fade" id="modifiercollaborateur" >
        <div class="modal-header">
            <a class="close" data-dismiss="modal" >&times;</a>
            <h3>
                Modification du collaborateur 
            </h3>
        </div>
        <div class="modal-body" >
            <form id ="modifier-collaborateur-form" method = "POST" action = "gererlescollaborateurs" class="form-horizontal">
                <fieldset>
                    <input type ="hidden" value ="modifiercollaborateur" name="action"/>
                    <input type ="hidden" name ="cid" id ="cid" value ="1"/>
                    
                    <div class="control-group">
                        <label class="control-label" for="nomcollaborateur"> Nom du collaborateur </label>
                        <div class="controls">
                        <input type="text" class="input-xlarge" id="nomcollaborateur" name ="nomcollaborateur" value = "">
                        </div>
                    </div>
                    
                    <div class="control-group">
                        <label class="control-label" for="prenomcollaborateur"> Prénom </label>
                        <div class="controls">
                        <input type="text" class="input-medium" id="prenomcollaborateur" name ="prenomcollaborateur" value = "">
                        </div>
                    </div>            
                    
                    <div class="control-group">
                        <label class="control-label" for="telephone"> Téléphone </label>
                        <div class="controls">
                        <input type="text" class="input-medium" id="telephone" name ="telephone" value = "">
                        </div>
                    </div>   
                    
                    <div class="control-group">
                        <label class="control-label" for="portable"> Portable </label>
                        <div class="controls">
                        <input type="text" class="input-medium" id = "portable" name ="portable" value = "">
                        </div>
                    </div>                       

                    <div class="control-group">
                        <label class="control-label" for="email"> Adresse mail </label>
                        <div class="controls">
                        <input type="text" class="input-medium" id = "email" name ="email" >
                        </div>
                    </div>                    
                   
                    <div class="control-group">
                        <label class="control-label" for = "login"> Login </label>
                        <div class="controls">
                        <input type="text" class="input-medium" id = "login" name ="login" value = "">
                        </div>
                    </div>     
                    
                    <div class="control-group">
                        <label class="control-label" for="motdepasse"> Mot de passe </label>
                        <div class="controls">
                        <input type="text" class="input-medium" id = "motdepasse" name ="motdepasse" value = "">
                        </div>
                    </div>                       
                    
                    <div class="control-group">
                        <label class="control-label" for="est_admin"> Est il admin ? </label>
                        <div class="controls">
                            <input type="checkbox" class="input-medium" id = "est_admin" name ="est_admin">
                        </div>
                    </div>                    
                    
                </fieldset>
            </form>
        </div>
            <div class ="modal-footer">
                <input id = "modifier-collaborateur-submit" class ="btn btn-primary"type="button" value = "Enregister">
            </div>
        </div>           
            
            
</div>
</body>
</html>
